<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>TravelDream</title>
	<style>
		.noBorders tr, .noBorders td {
   	 		background: none !important;
    		border: none !important;
		}
	</style>
	<link rel="stylesheet" type="text/css" href="../style/paginautente.css" />
</h:head>
<h:body>
	<div id="main">
		<div id="upper">
			<div id="logo"><a href="/TravelDreamWeb/home.jsf"><img id="logo-img" src="../img/logo.png"/></a></div>
			<div id="login-up">Benvenuto, #{utenteBean.name} <br />
				<h:form><p:commandButton action="#{logoutBean.logout}" value="Logout" />
				<h:link outcome="PaginaPersonale" value="Pagina Personale" /></h:form>
			</div>
		</div>
	<div id="center">
	<div id="center1">
		<p:outputLabel>Personalizza pacchetto viaggio:</p:outputLabel> <br/>
		<h:form id="form" >
			<p:panelGrid id="grid" columns="3" styleClass="noBorders" >
				<p:panel>	
					<h:outputText value="Nome: #{pacchettoViaggioBean.getPacchettoInfo(param.id).nome}" /><br /><br />
					<h:outputText value="Destinazione: #{pacchettoViaggioBean.getPacchettoInfo(param.id).destinazione}" /><br /><br />
					<h:outputText value="Data partenza: " />
					<p:calendar id="data" placeholder="Data" value="#{pacchettoViaggioBean.pacchettoDTOMod.dataPartenza}" effect="drop" mindate="#{pacchettoViaggioBean.getPacchettoInfo(param.id).dataInizio}"
			 	 		maxdate="#{pacchettoViaggioBean.getPacchettoInfo(param.id).dataFine}" navigator="true" required="true" requiredMessage="Campo obbligatorio!" >
						<f:convertDateTime pattern="dd/MM/yy"/>
					</p:calendar>
					<p:message for="data" /><br />
					<h:outputText value="Data ritorno: " />
					<p:calendar id="data2" value="#{pacchettoViaggioBean.pacchettoDTOMod.dataRitorno}" placeholder="Data" effect="drop" mindate="#{pacchettoViaggioBean.getPacchettoInfo(param.id).dataInizio}"
			 	 		maxdate="#{pacchettoViaggioBean.getPacchettoInfo(param.id).dataFine}"  navigator="true" required="true" requiredMessage="Campo obbligatorio!" >
						<f:convertDateTime pattern="dd/MM/yy"/>
					</p:calendar>
					<p:message for="data2" /><br />
					<h:outputText value="Numero persone: #{pacchettoViaggioBean.getPacchettoInfo(param.id).numeroPersone}" /><br /><br />
					<h:outputText value="Prezzo: #{pacchettoViaggioBean.getPacchettoInfo(param.id).prezzo} €/giorno" /><br /><br />
		 		</p:panel>
		 		<p:panel>
		 			<p:accordionPanel style="width:300px">
		 				<p:tab title="Volo andata">
		 					<h:outputText value="Codice volo: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloAndata.codiceVolo}" /><br />
		 					<h:outputText value="Compagnia: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloAndata.compagnia} " /><br />
		 					<h:outputText value="Aeroporto partenza: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloAndata.aeroportoPartenza} " /><br />
		 					<h:outputText value="Aeroporto arrivo: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloAndata.aeroportoArrivo} " /><br />		 		
		 				</p:tab>
		 				<p:tab title="Volo ritorno">
		 					<h:outputText value="Codice volo: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloRitorno.codiceVolo}" /><br />
		 					<h:outputText value="Compagnia: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloRitorno.compagnia} " /><br />
		 					<h:outputText value="Aeroporto partenza: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloRitorno.aeroportoPartenza} " /><br />
		 					<h:outputText value="Aeroporto arrivo: #{pacchettoViaggioBean.getPacchettoInfo(param.id).voloRitorno.aeroportoArrivo} " /><br />		 		
		 				</p:tab>
		 			</p:accordionPanel><br/><br/>
					<h:outputLabel for="hotelP">Hotel:</h:outputLabel> 
        			<p:selectOneMenu id="hotelP" value="#{pacchettoViaggioBean.pacchettoDTOMod.hotel}" converter="#{converterBean}" panelStyle="width:400px"  
                		effect="fade" var="h" style="width:160px"  filter="true" filterMatchMode="startsWith" required="true" requiredMessage="Campo obbligatorio!">  
            			<f:selectItem itemLabel="Seleziona" itemValue="" />  
            			<f:selectItems value="#{pacchettoViaggioBean.listaHotelDTO}" var="hotel" itemLabel="#{hotel.nome}" itemValue="#{hotel}"/>
            			<p:column>  
                			<p:outputLabel value="#{h.nome}" />  
            			</p:column>  
  						<p:column>  
                			numero stelle: #{h.numeroStelle}
            			</p:column>  
            			<p:column>  
                		 	<p:outputLabel value="#{h.prezzo} €" > </p:outputLabel>
            			</p:column>  
        			</p:selectOneMenu>
        			<p:message for="hotelP" /> <br/>
        			<h:outputLabel for="esc">Escursione:</h:outputLabel> 
        			<p:selectOneMenu id="esc" value="#{pacchettoViaggioBean.pacchettoDTOMod.escursione}" converter="#{converterBean}" panelStyle="width:400px"  
                		effect="fade" var="e" style="width:160px"  filter="true" filterMatchMode="startsWith" required="true" requiredMessage="Campo obbligatorio!">  
            			<f:selectItem itemLabel="Seleziona" itemValue="" />  
            			<f:selectItems value="#{pacchettoViaggioBean.listaEscursioneDTO}" var="escursione" itemLabel="#{escursione.nome}" itemValue="#{escursione}"/>
            			<p:column>  
                			<p:outputLabel value="#{e.nome}" />  
            			</p:column> 
            			<p:column>  
                			<p:outputLabel value="#{e.descrizione}" />  
            			</p:column> 
            			<p:column>  
                			<p:outputLabel value="#{e.data}" > </p:outputLabel>
            			</p:column>  
        			</p:selectOneMenu>   
        			<p:message for="esc" />
				</p:panel>
			</p:panelGrid>
			<p:commandButton  value="Prenota" action="#{pacchettoViaggioBean.prenotaPersonaliz()}" update="grid" ><f:param name="id" value="#{param.id}" />
            </p:commandButton>
		</h:form>
		</div></div>
		<div id="footer">
			<h:link outcome="PaginaPrincipale" value="Torna alla pagina principale" />
		</div>
	</div>
</h:body>
</html>